.store-info{
  padding: 18rpx 25rpx 0 30rpx;
  margin-bottom: 24rpx;
  background-color: #fff;
  box-sizing: border-box;
  .info{
    display: flex;
    justify-content: space-between;
    .logo-title-box{
      display: flex;
      flex: 1;
      margin-right: 30rpx;
      align-items: center;
      .right{
        margin-left: 18rpx;
        flex: 1;
        .title{
          display: flex;
          align-items: center;
          margin-bottom: 6rpx;
          .text{
            font-size: 32rpx;
            color: #333;
            font-weight: bold;
            margin-right: 24rpx;
            word-break: break-all;
          }
        }
        .type{
          height: 30rpx;
          line-height: 30rpx;
          font-size: 20rpx;
          color: #3F3F3F;
          padding: 0 8rpx;
          background-image: linear-gradient(0deg, #FBD220, #FFE23E);
          border-radius: 5px;
        }
        .type-1, .type-6{
          background-image: linear-gradient(0deg, #FBD220, #FFE23E);
        }
        .type-2{
          background-image: linear-gradient(180deg, #FFEEC8, #FFAD9A);
        }
        .type-3{
          background-image: linear-gradient(0deg, #FF7590, #FFD39B);
        }
        .type-8{
          background-image: linear-gradient(0deg, #93BCFF, #BEF4FF);
        }
        .type-4{
          background-image: linear-gradient(0deg, #A8D36A, #ECF9C3);
        }
      }
    }
    .follow-btn-box{
      width: 120rpx;
      height: 50rpx;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 26rpx;
      border-radius: 25rpx;
      box-sizing: border-box;
      border: 2rpx solid #FBB000;
      .not{
        display: flex;
        align-items: center;
        justify-content: center;
        color: #FBB000;
      }
      .already{
        color: #fff;
      }
      &.active{
        background-color: #999;
        border: none;
      }
    }
  }
  .address-box{
    display: flex;
    align-items: center;
    margin-top: 18rpx;
    padding-bottom: 20rpx;
    .address{
      min-height: 60rpx;
      padding-right: 100rpx;
      font-size: 26rpx;
      color: #999;
      flex: 1;
    }
    .line{
      margin-right: 30rpx;
      height: 60rpx;
      width: 2rpx;
      background-color: #eee;
    }
    .navigation-box{
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      .iconfont{
        font-size: 40rpx;
        color: #FBB000;
      }
      .text{
        font-size: 26rpx;
        color: #999;
      }
    }
  }
}
.menu-empty{
  height: 168rpx;
}
.topsticky{
  position:sticky;
  left: 0;
  top: 0;
  z-index: 50;
}
.menu{
  display: flex;
  align-items: center;
  background-color: #fff;
  position: relative;
  width: 750rpx;
  .item{
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 80rpx;
    .text{
      color: #666;
      font-size: 26rpx;
    }
    &.active{
      .text{
        color: #FBB000;
      }
    }
    // 下拉菜单打开时，给下拉菜单设置高度
    &.down-open {
      & /deep/ .u-dropdown__content {
        height: 100vh !important;
      }
    }
    &.down-close {
      & /deep/ .u-dropdown__content {
        height: 0 !important;
      }
    }
    /deep/ .uicon-arrow-down-fill{
      font-size: 20rpx !important;
    }
    /deep/ .u-dropdown__content__popup, .u-dropdown-item{
      /* #ifdef H5 */
      height: calc(100% - 80rpx);
      /* #endif */
      /* #ifndef H5 */
      height: 100%;
      /* #endif */
    }
  }
}
.condition{
  display: flex;
  flex-direction: row;
  padding: 24rpx;
  align-items: center;
  background-color: #f6f6f6;
  .btn-reset{
    color: #999;
    height: 50rpx;
    margin-left: 24rpx;
    display: flex;
    align-items: center;
    .iconfont{
      font-size: 28rpx;
    }
    .text{
      font-size: 26rpx;
      margin-left: 10rpx;
    }
  }
  .condition-list{
    flex: 1;
    overflow: hidden;
    height: 50rpx;
    border-right: 2rpx solid #DBDBDB;
    .scroll-view{
      white-space: nowrap;
      ::-webkit-scrollbar {
      	display: none;  
      	width: 0 !important;  
      	height: 0 !important;
      	-webkit-appearance: none;
      	background: transparent;  
      }
    }
    .condition-item{
      display: inline-block;
      background-color: #ddd;
      border-radius: 10rpx;
      padding: 0 20rpx;
      font-size: 28rpx;
      height: 50rpx;
      line-height: 50rpx;
      color: #333;
      margin-right: 20rpx;
      .iconfont{
        font-size: 26rpx;
        margin-left: 14rpx;
      }
    }
  }
}
.fixed{
  position: fixed;
  left: 0;
  background-color: #f6f6f6;
  z-index: 99;
}

.list{
  padding-bottom: 20rpx;
}
.car-item{
  background-color: #fff;
  padding: 30rpx 24rpx;
  position: relative;
  &::before{
    content: '';
    display: block;
    border-top: 2rpx solid #eee;
    position: absolute;
    left: 24rpx;
    top: 0;
    right: 24rpx;
  }
  &:first-child::before{
    content: '';
    border-top: none;
  }
  .top-box{
    flex: 1;
    display: flex;
    .info{
      flex: 1;
      margin-left: 30rpx;
      .title{
        display: block;
        font-size: 28rpx;
        color: #343434;
        line-height: 42rpx;
        font-weight: bold;
      }
      .tags{
        display: flex;
        margin: 16rpx 0;
        .tag{
          display: flex;
          align-items: center;
          justify-content: center;
          height: 30rpx;
          padding: 0 10rpx;
          border-radius: 5rpx;
          font-size: 22rpx;
          color: #fff;
          font-weight: bold;
          background-color: #FF4B44;
          margin-left: 14rpx;
        }
        .tag:first-child{
          margin-left: 0;
        }
        .tag-1{
          background-color: #FFB763;
        }
        .tag-2{
          background-color: #FFD053;
        }
        .tag-3{
          background-color: #B5D55E;
        }
      }
      .price-box{
        display: flex;
        align-items: center;
        font-size: 22rpx;
        .mark-price{
          color: #666;
        }
        .sell-price{
          margin-left: 20rpx;
          color: #38AA0B;
          .text{
            font-weight: bold;
          }
        }
      }
    }
  }
  .bottom-box{
    font-size: 26rpx;
    color: #FC4040;
    margin-top: 20rpx;
    vertical-align: bottom;
    text-align: right;
    .text{
      margin-left: 20rpx;
    }
    .big{
      font-size: 32rpx;
      font-weight: bold;
    }
  }
}

.dh-liner{
  background: linear-gradient(0deg, #FBB000, #FFE23E);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}